.bg-color {
  background: #222d32;
}

.mt-150 {
  margin-top: 150px;
}

// -------------------------------------公共类
a,
a:link,
a:hover,
a:active,
a:visited{
  text-decoration: none;
}
 ul,
 ol,
 dt{
   list-style: none;
   padding:0;
   margin: 0;
 }

.ix-hide{
  display: none;
}
.p-180{
  padding-left:180px ;
}
.cursor{
  cursor: pointer;
  
}
.transition{
  transition:padding 1s ;
}
.transition1{
  transition: left 1s ;
}
.lt_aside.lt-180{
  left:-180px;

}

.lt-bgbd{
  border-left: 3px solid red;
  background-color: #ccc;
}
.lt-padding{
  padding: 0px 10px 20px 10px;
}

.table > thead > tr > th{
  text-align: center;

}
.table > tbody > tr > td{
  vertical-align: middle;
}
.one-btn{
  margin-bottom:20px;
}

.mar-top{
  margin-top:  15px ;
}
// -------------------------------------侧边栏
.lt_aside{
  
  position: fixed;
  top: 0;
  left: 0;
  background-color: #222D32;
  width: 180px;
  height: 1200px;
  z-index: 2;
  .ix-top{
    width: 180px;
    height: 50px;
    background-color: #367FA9;
    a{
      color:#fff;
      font-size: 22px;
      height: 50px;
      line-height: 50px;
    }
  }
  .ix-user{
    img{
      width: 80px;
      height: 80px;
      border-radius: 50%;
      margin:40px 0 30px 0;
    }
    p{
      font-size: 18px;
      color: #fff;
    }
  }
  .ix-branch{
    ul{
      padding:45px 0;
      color: #fff;
      
      li{
        
        a{
          padding-left:45px;
          color: #fff;
          display:inline- block;
          height: 40px;
          line-height: 40px
        }
        ol{
          
          li{
            padding-left: 20px;
            
          };
        }
      }
    }
  }
}

//--------------------------------------主体main部分
.lt-main{
  padding-top:60px;
  margin: 0 10px;
  .main-nav{
    position: fixed;
    top:0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #3C8DBC;
    i{
      font-size: 20px;
      margin: 15px;
      color: #fff;
     
    }
  }
  .main-mbx{
    padding: 10 0px;
  }
}